<!doctype html>
{% load static %}
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <link rel="stylesheet" href="{% static 'css/animate.css' %}">
    <link rel="stylesheet" href="{% static 'css/style1.css' %}">
    <link rel="stylesheet" href="{% static 'css/responsive.css' %}">
    <title>长沙文旅大模型</title></head>
<body data-scroll-animation="true">

<div id="preloader"><!-- 加载界面 -->
    <div id="ctn-preloader" class="ctn-preloader">
        <div class="round_spinner">
            <div class="spinner"></div>
            <div class="text"><img src="{% static 'picture/spinner_logo.png' %}" alt=""><h4><span>长沙</span></h4></div>
        </div>
        <h2 class="head">长沙文旅大模型问答系统</h2>
        <p></p>
    </div>
</div><!-- 加载界面结束 -->

<div class="body_wrapper">
    <section class="signup_area">
        <div class="row ml-0 mr-0">
            <div class="sign_left signin_left"><h2>长沙文旅大模型问答系统 - 登录</h2><img
                    class="position-absolute top" src="{% static 'picture/top_ornamate.png' %}" alt="top"><img
                    class="position-absolute bottom" src="{% static 'picture/bottom_ornamate.png' %}" alt="bottom"><img
                    class="position-absolute middle" src="{% static 'picture/door.png' %}" alt="bottom">
                <div class="round"></div>
            </div>
            <div class="sign_right signup_right">
                <div class="sign_inner signup_inner">
                    <div class="text-center"><h3>登录</h3>
                        <p>还没有账户吗? <a href="{% url 'user:signup' %}">在这里注册</a></p>
                    </div>
                    <div class="divider"><span class="or-text">or</span></div>
                    <form action="{% url 'user:signin' %}" class="row login_form" method="post">
                        {% csrf_token %}
                        <div class="col-lg-12 form-group">
                            <div class="small_text">用户名</div>
                            <input name="username" type="text" class="form-control" id="username" placeholder="请输入用户名" required>
                        </div>
                        <div class="col-lg-12 form-group">
                            <div class="small_text">密码</div>
                            <div class="confirm_password">
                                <input name="password" id="confirm-password"
                                                                 type="password" class="form-control"
                                                                 placeholder="请输入密码"
                                                                 autocomplete="off" required>
                            </div>
                        </div>
                        <div class="col-lg-12 form-group" style="color: red; text-align: center">
                            {% if message %}
                            <span>{{ message }}</span>
                            {% endif %}
                        </div>
                        <div class="col-lg-12 text-center">
                            <button type="submit" class="btn action_btn thm_btn">点击登录</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
<script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
<script src="{% static 'js/pre-loader.js' %}"></script>
<script src="{% static 'js/popper.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/parallaxie.js' %}"></script>
<script src="{% static 'js/TweenMax.min.js' %}"></script>
<script src="{% static 'js/wow.min.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>
</body>
</html>